<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:87:"D:\lamp\wamp\www\mymusic\qq_music\tp5\public/../application/index\view\index\index.html";i:1498124628;}*/ ?>
<!DOCTYPE html>
<html lang="cn">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
        <title>QQ音乐</title>


        <!-- Bootstrap -->
        <link href="__HCSS__/bootstrap.min.css" rel="stylesheet">
        <style>
            a{
                color: black;
                margin-left:30px;
                text-decoration:none;
            }

            #footer li{
                list-style:none;
                width:100px;
                height:50px;
                float:left;
            }
        </style>



        <!--[if lt IE 9]>
            <script src="./public/js/html15shiv.min.js"></script>
            <script src="./public/js/html15shiv.min.js"></script>
        <![endif]-->
    </head>
<body style="overflow:-Scroll;overflow-x:hidden">
<div id="bdy" >

    <div class="row">
        <h4>
            <div class="col-md-3"></div>
            <div class="col-md-1">首页</div>
            <div class="col-md-1"><a href="./singer.html">歌手</a></div>
            <div class="col-md-1"><a href="./special.html">专辑</a></div>
            <div class="col-md-1">排行榜</div>
            <div class="col-md-1">分类歌单</div>
            <div class="col-md-1">排行榜</div>
            <div class="col-md-3"></div>
        </h4>
    </div>
    <div class="row">
        <div class="row">
            <div class="col-sm-12">
                <h2>
                    <div class="col-md-6"></div>
                    <div class="col-md-4" >新歌首发</div>
                    <div class="col-md-2"></div>
                </h2>
            </div>
            <div class="col-sm-12">
                <h3>
                    <div class="col-md-4"></div>
                    <div class="col-md-1">内地</div>
                    <div class="col-md-1">港台</div>
                    <div class="col-md-1">欧美</div>
                    <div class="col-md-1">日韩</div>
                    <div class="col-md-4"></div>
                </h3>
            </div>
        </div>
    </div>

    
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class=col-sm-2></div>
            <div class="item active" >
                <img src="__HIMG__/1.jpg" alt="..."  class="col-sm-12">
                <div class="carousel-caption">
                    ...
                </div>
            </div>
            <div class="item">
                <img src="__HIMG__/2.jpg" alt="..."  class="col-sm-12">
                <div class="carousel-caption">
                    ...
                </div>
            </div>
            <div class="item">

                <img src="__HIMG__/3.jpg" alt="..."  class="col-sm-12">
                <div class="carousel-caption">
                    ...
                </div>
            </div>
            ...
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>

    <div class="row">
        <div class="row">
            <div class="col-sm-12">
                <h2>
                    <div class="col-md-6"></div>
                    <div class="col-md-4" >排行榜</div>
                    <div class="col-md-2"></div>
                </h2>
            </div>
            <div class="col-sm-12">
                <div class="col-sm-1"></div>
                <div class="col-sm-2">
                    <h3>巅峰榜</h3>
                    <h2>流行指数</h2>
                    <h4> 1 夏至未至</h4>
                    <h6>胡夏</h6>
                    <h4> 2 安河桥</h4>
                    <h6>宋冬野</h6>
                    <h4> 3 Torches</h4>
                    <h6>张杰</h6>
                    <h4> 4 2U</h4>
                    <h6>David Guetta/justin Bieb</h6>
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-2">
                    <h3>巅峰榜</h3>
                    <h2>热歌</h2>
                    <h4> 1 凉凉</h4>
                    <h6>杨宗纬/张碧晨</h6>
                    <h4> 2 there for you</h4>
                    <h6>Martin</h6>
                    <h4> 3 望</h4>
                    <h6>张碧晨/赵丽颖</h6>
                    <h4> 4 桃花诺</h4>
                    <h6>邓紫棋</h6>
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-2">
                    <h3>巅峰榜</h3>
                    <h2>新歌</h2>
                    <h4> 1 夏至未至</h4>
                    <h6>胡夏</h6>
                    <h4> 2 安河桥</h4>
                    <h6>宋冬野</h6>
                    <h4> 3 Torches</h4>
                    <h6>张杰</h6>
                    <h4> 4 2U</h4>
                    <h6>David Guetta/justin Bieb</h6>
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-2">
                    <h3>巅峰榜</h3>
                    <h2>欧美</h2>
                    <h4> 1 夏至未至</h4>
                    <h6>胡夏</h6>
                    <h4> 2 安河桥</h4>
                    <h6>宋冬野</h6>
                    <h4> 3 Torches</h4>
                    <h6>张杰</h6>
                    <h4> 4 2U</h4>
                    <h6>David Guetta/justin Bieb</h6>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="row">
            <div class="col-sm-12">
                <h2>
                    <div class="col-md-6"></div>
                    <div class="col-md-4">热门歌单</div>
                    <div class="col-md-2"></div>
                </h2>
            </div>
            <div class="col-sm-12">

                <div class="col-sm-2">
                    <img src="__HIMG__/10.jpg" alt="" width="250px">
                    <h3>华语|才华横溢 让..</h3>
                    <h4>播放量:447.2万</h4>

                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-2">
                    <img src="__HIMG__/11.jpg" alt="" width="250px">
                    <h3>清凉小调|给初夏...</h3>
                    <h4>播放量:4417.2万</h4>
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-2">
                    <img src="__HIMG__/12.jpg" alt="" width="250px">
                    <h3>R&B|布鲁斯...</h3>
                    <h4>播放量:37.3万</h4>
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-2">
                    <img src="__HIMG__/11.jpg" alt="" width="250px">
                    <h3>经典|回忆...</h3>
                    <h4>播放量:55.9万</h4>
                </div>
            </div>
        </div>
    </div>

    <div class="row" >
        <div class="row">
            <div class="col-sm-12">
                <h2>
                    <div class="col-md-6"></div>
                    <div class="col-md-4" >MV首播</div>
                    <div class="col-md-2"></div>
                </h2>
            </div>
            <div class="col-sm-12">
                <h3>
                    <div class="col-md-4"></div>
                    <div class="col-md-1">全部</div>
                    <div class="col-md-1">内地</div>
                    <div class="col-md-1">港台</div>
                    <div class="col-md-1">欧美</div>
                    <div class="col-md-1">日韩</div>
                    <div class="col-md-3"></div>
                </h3>
            </div>
            <div class="col-sm-12">

                <div class="col-sm-2">
                    <img src="__HIMG__/14.jpg" alt="" width="250px">
                    <h3>凤桥亭</h3>
                    <h4>贺敬轩</h4>

                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-2">
                    <img src="__HIMG__/15.jpg" alt="" width="250px">
                    <h3>7年之痒</h3>
                    <h4></h4>
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-2">
                    <img src="__HIMG__/16.jpg" alt="" width="250px">
                    <h3>绣春刀2</h3>
                    <h4>周深</h4>
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-2">
                    <img src="__HIMG__/17.jpg" alt="" width="250px">
                    <h3>隐没在戈壁</h3>
                    <h4>陈冰</h4>
                </div>
            </div>
            <div class="col-sm-12">

                <div class="col-sm-2">
                    <img src="__HIMG__/19.jpg" alt="" width="250px">
                    <h3>夏至未至</h3>
                    <h4>胡夏</h4>

                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-2">
                    <img src="__HIMG__/20.jpg" alt="" width="250px">
                    <h3>变形金刚5:最后的骑士</h3>
                    <h4>张杰</h4>
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-2">
                    <img src="__HIMG__/21.jpg" alt="" width="250px">
                    <h3>星月</h3>
                    <h4>王铮亮|郁可唯</h4>
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-2">
                    <img src="__HIMG__/23.jpg" alt="" width="250px">
                    <h3>昨夜星光</h3>
                    <h4>张阳阳</h4>
                </div>
            </div>
        </div>
    </div>

</div>

    <div id="head">
        <nav class="navbar navbar-inverse ">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">Brand</a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">音乐馆<span class="sr-only">(current)</span></a></li>
                        <li><a href="./mymusic.html">我的音乐</a></li>
                        <li class="dropdown">
                            <a href="#" >下载客户端</a>
                        </li>
                    </ul>

                    <form class="navbar-form navbar-left">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Search">
                        </div>
                        <button type="submit" class="btn btn-default">搜索</button>
                    </form>
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="<?php echo url('index/index/login'); ?>">登录1</a></li>
                        <li class="dropdown">
                            <a href="#">开通绿钻</a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
    </div>
    
    <div id="footer" style="background-color:#333333; width:100%;color:#ffffff;" >
        <div class="row">

            <div class="col-md-4" >
                <h3>下载QQ音乐客户端</h3>
                <ul style='overflow: hidden;'>
                    <li><img src="__HIMG__/t1.png" alt="">PC版</li>
                    <li><img src="__HIMG__/t2.png" alt="">Mac版</li>
                    <li><img src="__HIMG__/t3.png" alt="">Android版</li>
                    <li><img src="__HIMG__/t4.png" alt="">iphone版</li>
                </ul>
            </div>
            <div class="col-md-4">
                <h3>特色产品</h3>
                <ul style='overflow: hidden;'>
                    <li><img src="__HIMG__/t5.png" alt="">全民K歌</li>
                    <li><img src="__HIMG__/t6.png" alt="">Mac版</li>
                    <li><img src="__HIMG__/t7.png" alt="">QPaly</li>
                </ul>
            </div>
            <div class="col-md-4">
                <h3>合作链接</h3>
                <ul style='overflow: hidden;'>
                    <li>CJ E&M</li>
                    <li>腾讯视屏</li>
                    <li>手机QQ空间</li>
                    <li>最新版QQ</li>
                    <li>腾讯社交广告</li>
                    <li>电脑管家</li>
                    <li>QQ浏览器</li>
                    <li>画报</li>
                    <li>黄钻活动</li>
                    <li>腾讯微云</li>
                    <li>更多</li>
                </ul>
            </div>
            <div class="col-md-8 col-md-offset-3" >
                <p>关于腾讯 | About Tencent | 服务条款 | 用户服务协议 | 隐私政策 | 广告服务 | 腾讯招聘 | 客服中心 | 网站导航</p>
            </div >
            <div class="col-md-6 col-md-offset-4"><p>Copyright © 1998 - 2017 Tencent. All Rights Reserved.</p></div>
            <div class="col-md-6 col-md-offset-4"><p>腾讯公司 版权所有 腾讯网络文化经营许可证</p></div>


        </div>



        <!-- jQuery -->
        <script src="__HJS__/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="__HJS__/bootstrap.min.js"></script>
    </div>
</body>
</html>